
function template(state, props) {
  const inst = ui_list({
    data: [
      {
        title: [{title: '一致性 Consistency', aim: this.onClick}],
        body: [
          {title: '控制反馈：通过界面样式和交互动效让用户可以清晰的感知自己的操作'},
          {title: '页面反馈：操作后，通过页面元素的变化清晰地展现当前状态。'},
        ],
        titleClass: 'item-head',
        bodyClass: 'item-body'
      },
      {
        title: [{title: '反馈 Feedback', aim: this.onClick}],
        body: [
          {title: '控制反馈：通过界面样式和交互动效让用户可以清晰的感知自己的操作'},
          {title: '页面反馈：操作后，通过页面元素的变化清晰地展现当前状态。'},
        ],
        titleClass: 'item-head',
        bodyClass: 'item-body'
      },
      
    ],
    itemClass: 'ss-collapse-item'
  })
  return (
    <>
      <View className="pages-title-lg">折叠面板</View>
      {<inst.UI />}
    </>
  )
}

export default function(Pager) {
  return Pager({
    template,
    data: {},
    __ready() {
    },
    onClick(e, p, inst) {
      console.log(inst)
      inst.parentInst.toggleClass('active')
    }
  })
}